.StoneTwoModal {
	& > .ant-modal-content {
		background: transparent;

		.ant-modal-close {
			color: #a3ddff;
			line-height: 29px;
		}

		& > .ant-modal-body {
			padding: 0;
			height: 80vh;
			background: rgba(19, 33, 51, 0.8);

			.StoneModal {
				display: flex;
				align-items: center;
				justify-content: center;
				overflow: hidden;

				& > .List {
					position: relative;
					width: 240px;
					height: 80%;
					overflow: hidden;
					transform: rotate(10deg);
					margin: 0 -1px;

					&::after {
						position: absolute;
						content: "";
						left: 0;
						top: 0;
						width: 5px;
						height: 100%;
						background: -webkit-linear-gradient(
							top,
							rgba(156, 247, 255, 0.1),
							rgba(156, 247, 255, 0.85),
							rgba(156, 247, 255, 0.1)
						);
						z-index: 3;
					}

					&:last-child:before {
						position: absolute;
						content: "";
						right: 0;
						top: 0;
						width: 5px;
						height: 100%;
						background: -webkit-linear-gradient(
							top,
							rgba(156, 247, 255, 0.1),
							rgba(156, 247, 255, 0.85),
							rgba(156, 247, 255, 0.1)
						);
						z-index: 2;
					}

					& > img {
						position: absolute;
						top: 0;
						left: -50%;
						width: 200%;
						height: 100%;
						object-fit: cover;
						transform: rotate(-10deg);
					}

					&:nth-child(odd) {
						& > div {
							margin-top: 15px;
						}
					}

					&:nth-child(even) {
						& > div {
							margin-top: -15px;
						}
					}

					& > div {
						margin-left: -50%;
						width: 200%;
						height: 100%;
						display: flex;
						align-items: center;
						justify-content: center;
						transform: rotate(-10deg);
						font-size: 42px;
						font-family: PingFang SC;
						font-weight: 600;
						color: white;
						text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35),
							-1px -1px 3px rgba(0, 0, 0, 0.35);
						user-select: none;
						cursor: pointer;

						&:hover {
							color: #9cf7ff;
						}
					}
				}

				& > .ImageList {
					width: 100%;
					height: 100%;
					overflow-y: scroll;
					display: flex;
					align-items: center;
					justify-content: center;
					flex-wrap: wrap;

					& > div {
						margin: 15px;
						width: 40%;
						height: 400px;
						cursor: pointer;
						position: relative;

						& > img {
							width: 100%;
							height: 100%;
							object-fit: contain;
						}

						& > div {
							position: absolute;
							left: 0;
							bottom: 0;
							width: 100%;
							height: 90px;
							line-height: 120px;
							background: -webkit-linear-gradient(
								top,
								rgba(19, 33, 51, 0),
								rgba(19, 33, 51, 0.4),
								rgba(19, 33, 51, 0.66)
							);
							z-index: 1;
							display: flex;
							justify-content: center;
							font-size: 24px;
							font-family: PingFang SC;
							font-weight: 600;
							color: #ffffff;
							text-shadow: 1px 1px 1px #262626, -1px -1px 1px #262626;
							user-select: none;
						}
					}
				}
			}

			.item {
				font-size: 24px;
				font-family: YouSheBiaoTiHei;
				font-weight: 400;
				color: #a3ddff;
			}
		}
	}
}
